/*-------------------------------------------------------------------------*/
/* Register (TEMA MYTHIC MUNCHERS - SHADOWLANDS)
/*-------------------------------------------------------------------------*/
.page-register {
	width: 100%;
	height: auto;

	margin: 0 auto;
	/* Borda alterada para um dourado sutil */
	border: 1px solid rgba(242, 179, 61, 0.3);

	overflow: hidden;
	max-width: 800px;

	/* Sombra alterada para um brilho vermelho */
	-webkit-box-shadow: 0 0 20px 0 rgba(200, 32, 32, 0.3);
	box-shadow: 0 0 20px 0 rgba(200, 32, 32, 0.3);

	-webkit-border-radius: 3px;
	border-radius: 3px;

	/* Fundo alterado para o cinza escuro padrão do tema */
	background-color: #1a1a1a;
}

/* Register: Page head
/*---------------------------------------------------------------*/
.page-register .page-head {
	display: none;
}

/* Register: Banner
/*---------------------------------------------------------------*/
.page-register .register-banner {
	width: 100%;
	height: 100%;
	display: block;
	min-height: 400px;
	text-align: center;
	background-size: cover;
	background-color: transparent;
	background-image: url('../../../assets/images/banners/banner-register.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.page-register .register-banner::before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	position: absolute;
	/* Gradiente de fundo ajustado para um tom escuro neutro */
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(26, 26, 26, 0.65)));
	background: -o-linear-gradient(top, transparent 0%, rgba(26, 26, 26, 0.65) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(26, 26, 26, 0.65) 100%);
}

.page-register .register-banner .btn-gray {
	width: 100%;
	height: auto;
	top: 60%;
	margin: 0 auto;
	max-width: 180px;
}

/* Register: Content
/*---------------------------------------------------------------*/
.page-register .register-content {
	padding: 3rem;
}

/* Register: Content: Title
/*-----------------------------------------------------*/
.page-register .register-content .register-title {
	/* Cor do título alterada para o dourado da logo */
	color: #f2b33d;
	margin: 0;
	text-align: center;
	font-weight: 900;
	font-family: var(--font-family-tertiary);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5); /* Adicionada sombra para destaque */
}

/* Register: Content: Form
/*-----------------------------------------------------*/
.page-register .register-content form {
	margin: 3rem 0 0;
}

/* Form (captcha) */
.page-register .register-content form .form-group input + img {
	width: 180px !important;
	height: 100% !important;
	top: 0;
	right: 0;
	-webkit-filter: grayscale(0.8);
	filter: grayscale(0.8);
	padding: 0;
	z-index: 8;
	opacity: 0.5;
	overflow: hidden;
	position: absolute;
	-webkit-border-radius: var(--field-border-radius);
	border-radius: var(--field-border-radius);
}

/* Form (error) */
.page-register .register-content form .form-group input + span,
.page-register .register-content form .form-group input + img + span {
	top: 50% !important;
	right: var(--field-padding) !important;
	z-index: 9;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.page-register .register-content form .form-group input + span img,
.page-register .register-content form .form-group input + img + span img {
	display: block;
	vertical-align: middle;
}

/*-------------------------------------------------------------------------*/
/* CORREÇÃO PARA O TEXTO DO PLACEHOLDER
/*-------------------------------------------------------------------------*/
::-webkit-input-placeholder {
	color: #999999 !important; /* Cinza mais claro e legível */
	opacity: 1 !important; /* Garante que não fique transparente */
}
:-moz-placeholder {
	color: #999999 !important;
	opacity: 1 !important;
}
::-moz-placeholder {
	color: #999999 !important;
	opacity: 1 !important;
}
:-ms-input-placeholder {
	color: #999999 !important;
	opacity: 1 !important;
}
::placeholder {
	color: #999999 !important;
	opacity: 1 !important;
}